
//useEffect第二个参数的使用
import React,{useEffect, useState} from 'react'

export default function App() {
 
  const [count,setCount] = useState(0)

  // 1.[]代表挂载时,只执行一次
  // useEffect(()=>{
  //   console.log('我被执行了  ----->  ');
  // },[])


  //2.[依赖项]  代表挂载时和更新时二合一,相当于componentDidMount和componentDidUpdate二合一
  useEffect(()=>{
    console.log('我被执行了  ----->  ');
  },[count]) //[依赖项] 类似vue中的侦听器,开了immediately立即执行
  return (
    <div >
     
    count --- {count}
      
    <button onClick={()=>setCount(count+1)}>点击改变count</button>
    </div>
  )
}


